<template>
  <div class="detail-desc-ss" ref="descs"></div>
</template>

<script>
export default {
  props: {
    desc: {
      type: String,
      default() {
        return "";
      },
    },
  },
  mounted() {
    // 确保数据到了
    this.$nextTick(() => {
      setTimeout(() => {
        this.$refs.descs.innerHTML = this.desc;
      }, 1000);
    });
  },
};
</script>

<style lang="scss" scoped>
.detail-desc-ss {
  width: 100vw;
  overflow: hidden;
  p {
    width: 100%;
    margin: 0;
    padding: 0;
    img {
      display: block;
      width: 100%;
      // vertical-align: middle;
    }
  }
}
</style>